<!DOCTYPE html>
<html>
	<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <h1 class="headLeft"> <img src="../img/logo.jpg"> </h1>
    <div class="headRight">登录 注册</div>
    <style>
        header{
            display: flex;
            justify-content: space-around;
            align-items: center;
        }
        .mianLeft{
            flex: 1;
            min-width: 160px;
            display: flex;
            flex-direction: column;
        }
        .picList{
            display: flex;
            flex-wrap: wrap;
            justify-content: flex-start;
            padding: 0 5%;
        }
    </style>
</head>
<body>
<section class="wrap">
<div class="mian">
    <ul class="mianLeft">
        <li> <a href="#">公司介绍</a> </li>
        <li> <a href="#">新闻动态</a> </li>
        <li> <a href="#">联系我们</a> </li>
        <li> <a href="#">招才纳士</a> </li>
        <li> <a href="#">用户协议</a> </li>
        <li> <a href="#">常见问题</a> </li>
        <li> <a href="#">合作伙伴</a> </li>
        <li> <a href="#">友情链接</a> </li>
        <li> <a href="#">网站地图</a> </li>
        <li> <a href="#">付费协议</a> </li>
        <li> <a href="#">使用说明</a> </li>
    </ul>
    <section class="mianRight">
        <h2>友情链接</h2>
        <ul class="picList">
            <li> <a href="#"> <img src="../img/lk_logo01.jpg" </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo02.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo03.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo04.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo05.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo06.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo07.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo08.jpg"> </a> </li>
            <li> <a href="#"> <img src="../img/lk_logo09.jpg"> </a> </li>
        </ul>
    </section>
    <footer>
        <ul>
            <li> <a href="#">公司介绍</a> </li>
            <li> <a href="#">新闻动态</a> </li>
            <li> <a href="#">联系我们</a> </li>
            <li> <a href="#">招商加盟</a> </li>
            <li> <a href="#">招商用户</a> </li>
            <li> <a href="#">协议合作伙伴</a> </li>
            <li> <a href="#">常见问题App</a> </li>
            <li> <a href="#">下载网站地图</a> </li>
        </ul>
        <p>深圳云飞渡网络科技有限公司 版权所有 京ICP备13047874号</p>
        <p>Coppyright ? 2018 iVmall All Rights Reserved</p>
    </footer>
</div>
</section>
</body>
</html>
